<%--
  Created by IntelliJ IDEA.
  User: LV
  Date: 2016/7/16
  Time: 14:34
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>

    <title>新建收货地址</title>
    <script type="text/javascript">
        $(function ($) {
            $("#select1").children("option").remove();
            $("#select2").children("option").remove();
            $("#select3").children("option").remove();
            $("#select1").append("<option value=''>"+"--请选择省、直辖市--"+"</option>");
            $("#select2").append("<option value=''>"+"--请选择市、省直辖市--"+"</option>");
            $("#select3").append("<option value=''>"+"--请选择县、区--"+"</option>");
            $.getJSON("${ctx}/shopping/getAreasByParentCode?pcid=no", function(json){
                //alert("JSON Data: " +json);
                //alert(json.length);
                if(json.areaList!=null&&json.areaList!=undefined) {
                    for (var i in json.areaList) {
                        //alert(json[i].areaName);
                        $("#select1").append("<option value='" + json.areaList[i].areaCode + "'>" + json.areaList[i].areaName + "</option>");
                    }
                }else {
                    alert("出错了");
                    window.location.href="${ctx}/error";
                }
                if(json.url!=null&&json.url!=undefined) window.location.href="${ctx}/"+json.url;
            });

            //省市发生改变时
            $("#select1").change(function () {
                $("#select2").children("option").remove();
                $("#select3").children("option").remove();
                $("#select2").append("<option value=''>"+"--请选择市、省直辖市--"+"</option>");
                $("#select3").append("<option value=''>"+"--请选择县、区--"+"</option>");
                var selectTmp=$("#select1").val();
                //给隐藏省名添加值
                $("#provinceName").val($("#select1 option:selected").text());
                if(selectTmp!=''){
                    $.getJSON("${ctx}/shopping/getAreasByParentCode?pcid="+selectTmp, function(json){
                        //alert("JSON Data: " +json);
                        if(json.areaList!=null&&json.areaList!=undefined) {
                            for (var i in json.areaList) {
                                //alert(json[i].areaName);
                                $("#select2").append("<option value='" + json.areaList[i].areaCode + "'>" + json.areaList[i].areaName + "</option>");
                            }
                        }else {
                            alert("出错了");
                            window.location.href="${ctx}/error";
                        }
                        if(json.url!=null&&json.url!=undefined) window.location.href="${ctx}/"+json.url;
                    });
                }
            })

            //市区发生改变时
            $("#select2").change(function () {
                $("#select3").children("option").remove();
                $("#select3").append("<option value=''>"+"--请选择县、区--"+"</option>");
                var selectTmp=$("#select2").val();
                //给隐藏市名添加值
                $("#cityName").val($("#select2 option:selected").text());
                if(selectTmp!=''){
                    $.getJSON("${ctx}/shopping/getAreasByParentCode?pcid="+selectTmp, function(json){
                        if(json.areaList!=null&&json.areaList!=undefined) {
                            for (var i in json.areaList) {
                                //alert(json[i].areaName);
                                $("#select3").append("<option value='" + json.areaList[i].areaCode + "'>" + json.areaList[i].areaName + "</option>");
                            }
                        }else {
                            alert("出错了");
                            window.location.href="${ctx}/error";
                        }
                        if(json.url!=null&&json.url!=undefined) window.location.href="${ctx}/"+json.url;
                    });
                }
            })

            //区县发生改变时
            $("#select3").change(function () {
                //给隐藏区县名添加值
                $("#districtName").val($("#select3 option:selected").text());
            })


            //提交表单
            $("#submit_form").click(function () {
                $("#address_form").submit();
            })

        })

    </script>
</head>
<body>
<%--<header>--%>
<%--<h1>新建收货地址</h1>--%>
<%--<a href="javascript:;"></a>--%>
<%--</header>--%>
<div id="check_box">
    <form action="${ctx}/shopping/savingInsertShippingAddressCart" method="post" id="address_form">
        <input type="hidden" name="cartIdString" value="${cartIdString}"/>
        <article class="viewports">
            <ul class="list_item2 c3">
                <li class="odr2_b plr20">
                    <input class="i_text" type="text" value="" placeholder="收货人姓名" name="name">
                </li>
                <li class="odr2_b plr20">
                    <input class="i_text" type="text" value="" placeholder="手机号码" name="phone">
                </li>
                <%--<li class="odr2_b plr20">--%>
                <%--<input class="i_text" type="text" value="" placeholder="邮政编码">--%>
                <%--</li>--%>
                <%--<li class="odr2_b plr20 b-ffffff" id="city_demo">--%>
                <%--<span class="c0">--%>
                <%--<input type="text" readonly="" placeholder="城市选择特效"  value="广东省,深圳市,南山区"/>--%>
                <%--<input id="value1" type="hidden" value="20,234,504"/>--%>
                <%--</span>--%>
                <%--<span class="r">--%>
                <%--<i class="ico-30 ico_arrow"></i>--%>
                <%--</span>--%>
                <%--</li>--%>
                <li class="odr2_b plr20">
                    <input type="hidden" name="provinceName" id="provinceName"/>
                    <select id="select1" name="provinceCode">
                        <option value="">省</option>
                    </select>
                </li>
                <li class="odr2_b plr20">
                    <input type="hidden" name="cityName" id="cityName"/>
                    <select id="select2" name="cityCode">
                        <option value="">市</option>
                    </select>
                </li>
                <li class="odr2_b plr20">
                    <input type="hidden" name="districtName" id="districtName"/>
                    <select id="select3" name="districtCode">
                        <option value="">区</option>
                    </select>
                </li>
                <li class="odr2_b plr20">
                    <textarea class="i_textarea" placeholder="详细地址" name="address"></textarea>
                </li>
            </ul>
        </article>
    </form>
    <!--star 底下按钮-->
    <div class="buy_height"></div>
    <div class="p_fotbtn tac">
        <a class="b-ffaa3b cf ptb25" id="submit_form">保存并使用</a>
    </div>
    <!--end 底下按钮-->
    <%--<link href="${ctx}/assets/public_skin/css/city/LArea.css" rel="stylesheet">--%>
    <%--<script src="${ctx}/assets/public_skin/js/city/LAreaData1.js"></script>--%>
    <%--<script src="${ctx}/assets/public_skin/js/city/LAreaData2.js"></script>--%>
    <%--<script src="${ctx}/assets/public_skin/js/city/LArea.js"></script>--%>
    <%--<script>--%>
    <%--var area1 = new LArea();--%>
    <%--area1.init({--%>
    <%--'trigger': '#city_demo', //触发选择控件的文本框，同时选择完毕后name属性输出到该位置--%>
    <%--'valueTo': '#value1', //选择完毕后id属性输出到该位置--%>
    <%--'keys': {--%>
    <%--id: 'id',--%>
    <%--name: 'name'--%>
    <%--}, //绑定数据源相关字段 id对应valueTo的value属性输出 name对应trigger的value属性输出--%>
    <%--'type': 1, //数据源类型--%>
    <%--'data': LAreaData //数据源--%>
    <%--});--%>
    <%--area1.value=[1,15,3];//控制初始位置，注意：该方法并不会影响到input的value--%>
    <%--var area2 = new LArea();--%>
    <%--area2.init({--%>
    <%--'trigger': '#demo2',--%>
    <%--'valueTo': '#value2',--%>
    <%--'keys': {--%>
    <%--id: 'value',--%>
    <%--name: 'text'--%>
    <%--},--%>
    <%--'type': 2,--%>
    <%--'data': [provs_data, citys_data, dists_data]--%>
    <%--});--%>
    <%--</script>--%>
</div>
</body>
</html>
